<!-- eslint-disable -->
<template>
  <div>
    <el-dialog :title="dialogTitle" :visible.sync="dialogFormVisible" @close="dialogClose" width="680px" :close-on-click-modal="true">
      <div class="detail">
        <div class="detail-item">
            <div class="detail-item-con">
                <div class="title">颜色（Color）：</div><div>{{form.color}}</div>
            </div>
            <div class="detail-item-con">
                <div class="title">清晰度（Clarity）：</div><div>{{form.clarity}}</div>
            </div>
        </div>
        <div class="detail-item">
            <div class="detail-item-con">
                <div class="title">尿糖（GLU）：</div><div>{{form.glu}}</div>
            </div>
            <div class="detail-item-con">
                <div class="title">尿蛋白（PRO）：</div><div>{{form.pro}}</div>
            </div>
        </div>
        <div class="detail-item">
            <div class="detail-item-con">
                <div class="title">尿微量白蛋白（MALB）：</div><div>{{form.malb}}</div>
            </div>
            <div class="detail-item-con">
                <div class="title">尿胆红素（BIL）：</div><div>{{form.bil}}</div>
            </div>
        </div>
        <div class="detail-item">
            <div class="detail-item-con">
                <div class="title">尿胆原（URO）：</div><div>{{form.uro}}</div>
            </div>
            <div class="detail-item-con">
                <div class="title">尿PH（PH）：</div><div>{{form.ph}}</div>
            </div>
        </div>
        <div class="detail-item">
            <div class="detail-item-con">
                <div class="title">尿比重（SG）：</div><div>{{form.sg}}</div>
            </div>
            <div class="detail-item-con">
                <div class="title">尿隐血（OB）：</div><div>{{form.ob}}</div>
            </div>
        </div>
        <div class="detail-item">
            <div class="detail-item-con">
                <div class="title">尿酮体（KET）：</div><div>{{form.ket}}</div>
            </div>
            <div class="detail-item-con">
                <div class="title">亚硝酸盐（NIT）：</div><div>{{form.nit}}</div>
            </div>
        </div>
        <div class="detail-item">
            <div class="detail-item-con">
                <div class="title">白细胞酶活性（LEU）：</div><div>{{form.leu}}</div>
            </div>
            <div class="detail-item-con">
                <div class="title">尿白细胞计数（WBC）：</div><div>{{form.wbc}}</div>
            </div>
        </div>
        <div class="detail-item">
            <div class="detail-item-con">
                <div class="title">白细胞团（WBCC）：</div><div>{{form.wbcc}}</div>
            </div>
            <div class="detail-item-con">
                <div class="title">尿红细胞计数（RBC）：</div><div>{{form.rbc}}</div>
            </div>
        </div>
        <div class="detail-item">
            <div class="detail-item-con">
                <div class="title">尿肌酐（CRE）：</div><div>{{form.cre}}</div>
            </div>
            <div class="detail-item-con">
                <div class="title">白蛋白肌酐比（A/C）：</div><div>{{form.a_c}}</div>
            </div>
        </div>
        <div class="detail-item">
            <div class="detail-item-con">
                <div class="title">上皮细胞计数（EC）：</div><div>{{form.ec}}</div>
            </div>
            <div class="detail-item-con">
                <div class="title">管型计数（CAST）：</div><div>{{form.cast}}</div>
            </div>
        </div>
        <div class="detail-item">
            <div class="detail-item-con">
                <div class="title">未分类管型（UNCC）：</div><div>{{form.uncc}}</div>
            </div>
            <div class="detail-item-con">
                <div class="title">细菌计数（BACT）：</div><div>{{form.bact}}</div>
            </div>
        </div>
        <div class="detail-item">
            <div class="detail-item-con">
                <div class="title">酵母菌（YLC）：</div><div>{{form.ylc}}</div>
            </div>
            <div class="detail-item-con">
                <div class="title">结晶（XTAL）：</div><div>{{form.xtal}}</div>
            </div>
        </div>
        <div class="detail-item">
            <div class="detail-item-con">
                <div class="title">未分类结晶（UNCX）：</div><div>{{form.uncx}}</div>
            </div>
            <div class="detail-item-con">
                <div class="title">尿沉渣（LS）：</div><div>{{form.ls}}</div>
            </div>
        </div>
        <div class="detail-item">
            <div class="detail-item-con">
                <div class="title">精子检查（SPERM）：</div><div>{{form.sperm}}</div>
            </div>
            <div class="detail-item-con">
                <div class="title">黏液丝（MUSG）：</div><div>{{form.musg}}</div>
            </div>
        </div>
        <div class="detail-item">
            <div class="detail-item-con">
                <div class="title">维生素C（Vc）：</div><div>{{form.vc}}</div>
            </div>
            <div class="detail-item-con">
                <div class="title">镜检管型（NY-GX）：</div><div>{{form.ny_gx}}</div>
            </div>
        </div>
        <div class="detail-item">
            <div class="detail-item-con">
                <div class="title">镜检上皮细胞（SG-SPCJ）：</div><div>{{form.sg_spcj}}</div>
            </div>
            <div class="detail-item-con">
                <div class="title">镜检红细胞（SG-RBCJ）：</div><div>{{form.sg_ebcj}}</div>
            </div>
        </div>
        <div class="detail-item">
            <div class="detail-item-con">
                <div class="title">镜检白细胞（SG-WBCJ）：</div><div>{{form.sg_wbcj}}</div>
            </div>
            <div class="detail-item-con">
                <div class="title">镜检脓细胞（SG-HLCJ）：</div><div>{{form.sg_hlcj}}</div>
            </div>
        </div>
        <div class="detail-item">
            <div class="detail-item-con">
                <div class="title">电导率（Condct）：</div><div>{{form.condct}}</div>
            </div>
            <div class="detail-item-con">
            </div>
        </div>

        <!--
          `condct` varchar(20) DEFAULT NULL COMMENT '电导率（Condct）',
         -->
      </div>
    </el-dialog>
  </div>
</template>

<!-- eslint-disable -->
<script>
  import {OcrDetail} from '@/utils/request.js'

  export default {
    components: {  },
    name: 'ocrForm',
    data(){
      return {
        dialogTitle: '尿常规',
        dialogFormVisible: false,
        formLabelWidth: '100px',
        loadingAdd: false,
        form: {},
        data: {}
      }
    },
    created() {

    },
    methods: {
      dialogClose() {

      },
      editTmp(row) {
        this.data = row
        this.getData()
        this.dialogFormVisible = true
      },
      getData() {
        OcrDetail(this.data).then((res) => {
          if (res.code == 0) {
            this.form = res.data.data
          } else {
            this.$message.error('数据获取失败!')
          }
        })
      },
    }
  }
</script>

<style scoped>

    .detail {

    }
    .detail .detail-item {
        display: flex;
        justify-content: space-between;
        padding: 0 0 10px;
    }
    .detail-item-con {
        flex: 1;
        display: flex;
        padding-left: 10px;
        box-sizing: border-box;
    }
    .detail-item-con .title {
        min-width: fit-content;
    }
</style>
